<%@page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@taglib prefix="kendo" uri="http://www.kendoui.com/jsp/tags"%>
<%@taglib prefix="tags" tagdir="/WEB-INF/tags"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>

<tags:header></tags:header>
<div id="example">
<div class="demo-section k-content">
			            <form method="post" action="<c:url value='/upload/' />">    
		    				
						    	<ul class="fieldlist">
						    		<li style="color: #FF6060"><span><h3 style="margin-top: 0px !important;">CÔNG CHỨNG HỢP ĐỒNG CHO TẶNG NHÀ ĐẤT(Cặp vợ chồng)</h3></span></li>
						    		 
						            <li>
						                <label for="simple-input">Người đăng kí: 
						                <input class="user_input_complex" type="text" class="k-textbox"  value="${name}" readonly/></label>
						            </li>
						            <li>
						                <label for="simple-input">Số CMND: 
						                <input class="user_input_complex" type="text" class="k-textbox"  value="${idCardNumber}" readonly/></label>
						            </li>
						            <li>
						                <label for="simple-input">Địa chỉ: <input class="user_input_complex" type="text" class="k-textbox" value="${address}" readonly/> </label>
						                
						            </li>           
						            <li>
						                <label for="simple-input">Số điện thoại: <input class="user_input_complex" type="text" class="k-textbox" value="${phone}" readonly/> </label>                
						            </li>         
						            <li>
						                <label for="simple-input">Email: <input class="user_input_complex" type="text" class="k-textbox" value="${email}" readonly/> </label>                
						            </li>
						             <li>
							              <input type="radio" name="tab1_service" id="tab1_service1" class="k-radio" checked="checked">
							              <label class="k-radio-label" for="service1">Không sử dụng dịch vụ chữ kí điện tử.</label>
							          </li>
							          <li>
							              <input type="radio" name="tab1_service" id="tab1_service2" class="k-radio">
							              <label class="k-radio-label" for="service2">Sử dụng dịch vụ chữ kí điện tử.</label>
							          </li>
						        </ul>
						        </br>
						        <p><b>Văn bản chính: </b></p>
						        <kendo:upload name="tab1_file_Main" />
						        
						        <p><b>Văn bản liên quan: </b></p>
						        <p><span class = "required_document_label">1.Giấy chứng nhận quyền sở hữu nhà và quyền sử dụng đất.</span></p>
						        <kendo:upload name="tab1_file_one" />        
						        <p><span class = "required_document_label">2.Chứng minh nhân dân hoặc hộ chiếu của bên tặng cho(cả vợ và chồng)</span></p>
						        <kendo:upload name="tab1_file_two" />        
						        <p><span class = "required_document_label">3.Sổ Hộ khẩu của bên tặng cho (cả vợ và chồng)</span></p>
						        <kendo:upload name="tab1_file_three" />
						        <p><span class = "required_document_label">4. Giấy tờ chứng minh quan hệ hôn nhân của bên tặng cho .</span></p>
						        <kendo:upload name="tab1_file_four" />
						       
			
						            <input type="submit" value="Submit" class="k-button k-primary" style="margin-top: 16px" />
						        </p>
						</form>
										
				    </div>
				    </div>
				      <div>
<c:if test="${!files.isEmpty()}">
	<ul>
	    <c:forEach var="file" items="${files}">
         <li>
            ${file.getOriginalFilename()} (${file.getSize()} bytes)
         </li>
	    </c:forEach>
	</ul>
</c:if>

<c:if test="${files.isEmpty()}">
-- None --
</c:if>
</div>
<tags:footer></tags:footer>
				    